@charset "utf-8";

/*top*/
.top-area{ height:29px; background-color:#f9f9f9; border-bottom:1px solid #dddddd;}
.top-panel{ width:1210px; margin:0 auto; text-align: right; color:#dddddd; padding-top:3px; font-family:"Microsoft Yahei";}
.top-panel span{ font-size:14px; color:#666666;}
.top-panel a{ font-size:14px; color:#666666; margin:0 6px;}
.top-panel a:hover{color:#4c7dfd;}
.top-start{ font-size:18px;padding:0px 5px;}

/*search*/
.search-area{overflow:hidden; width:1210px; margin:0 auto;height:100px;}
.search-logo{float:left;}
.search-logo img{ width:165px; height:99px;}
.search-panel{float:left; margin-left:196px; padding-top:20px;height:100px;width:500px;}
.search-panel p{position: relative;height:40px;}
.search-panel p input{width: 100%;height: 100%;border: 1px solid #de2525;padding: 5px 110px 5px 10px;}
.search-panel p button{position: absolute;top: 0px;right: 0px;z-index: 1;height: 40px;width: 100px;border: none;color: #FFF;background-color: #de2525;font-size: 16px;font-weight: 700;}
.search-hot-panel{width: 100%;height: 40px;padding: 10px;}
.search-hot-panel ul{padding:0px;height: 20px;overflow: hidden;width: 100%;margin-left: -13px;}
.search-hot-panel li{display: inline-block;line-height: 1.1;padding:0 6px;font-size:14px;color:#666}
.search-hot-panel a{color:#E74C3C}
.search_ad{float:right;}
.search_ad img{ width:300px; height:99px;}


/* navigtion */
.navig-area{ height:42px; background-color:#de2525;}
.navig-panel{ width:1210px; margin:0 auto;}
.navig-all-type{float:left;background-color:#de2525; position:relative;}
.navig-all-type:hover{ background-color:#de2525;}
.all-type{ display:block; width:204px; height:41px; margin-left:1px; padding-top:11px; text-align:center; font-size:15px; color:#fff; font-family:"Microsoft Yahei"; text-shadow:2px 2px 5px #444;}
.navig{float:left; padding-left:26px; padding-right:26px; height:41px; padding-top:11px; text-align:center; font-size:15px; color:#fff; font-family:"Microsoft Yahei"; text-shadow:2px 2px 5px #444;}
.navig:hover{ background-color:#de2525;}


/*cart*/
.cart-area{float:right; width:256px; height:42px; background-color:#de2525; position:relative;}
.cart-area:hover .cart-panel{display:block;}
.cart-area span{float:right; font-size:14px;color:#fff;margin-left:10px;margin-top:12px; padding-right:14px;}

.cart-area b{ color:#fffc00; margin:0 2px;}
.cart-panel{position:absolute; width:100%; top:42px; background-color:#f9f9f9;padding:0xp; display:none; z-index:10;}
.cart-panel-header{padding:10px;background: #dedede;font-size: 14px;font-weight: 700;}
.cart-panel-body{max-height: 310px;overflow-y: auto;}
.cart-panel-body ul{}
.cart-panel-body li{border-bottom: 1px dashed #BDC3C7;	padding: 5px 0px;height: 62px;}
.cart-panel-body li img{width:50px;height:50px;border:1px solid #BDC3C7;float:left}
.cart-item-op{float: right;text-align:right;font-size: 12px;color: #666;padding: 5px;width: 80px;}
.cart-item-op a{padding-top:10px;}
.cart-item-title{margin-left:60px;margin-right:80px;word-wrap: break-word;overflow: hidden;font-size: 14px;color: #333;}
.cart-panel-footer{background: #dedede;padding-bottom: 5px;height: 70px;}
.cart-count-info{font-size:14px;padding:10px;color:#666;}
.cart-count-info em{color:#FF3333;padding:0px 5px;font-weight: 700;}
.cart-btn{float: right;width: 80px;height: 30px;border: none;background: #FF6666;color: #FFF;}
.icon{font-size: 18px;padding: 0px 5px}


.service-area{background-color:#FFF;margin-top:20px;margin-bottom:20px;}
.slogen-panel{width: 1210px;margin: 0 auto;overflow: hidden;padding: 30px 5px;}
.slogen-panel ul{padding: 0px;margin: 0px;list-style: none;}
.slogen-panel li{float:left; overflow:hidden; width:240px;}
.slogen-panel li img{float:left; margin-right:14px;}
.slogen-panel li h4{ font-size: 18px;color: #34495E;padding-top: 10px;height: 35px;line-height: 35px;font-weight: bold;margin: 0;padding: 0;border: 0;vertical-align: baseline;}
.slogen-panel li p{ font-size: 14px;color: #95A5A6;height: 20px;margin: 0px;padding: 0px;}

.slogen-panel a{outline: 0 none;text-decoration: none;}

.service-panel{width: 1210px;margin: 0 auto;overflow: hidden;border-top: 1px solid #95A5A6;padding: 5px;}
.service-ad{float:left;width:260px;}
.service-item{float:left;}
.cot5{width:200px;}
.cot4{width:250px;}

.service-item dt{overflow:hidden;color:#1a1a1a;padding:6px 0px;font: 400 14px/24px "microsoft yahei";}
.service-item dd{color:#1a1a1a;font: 400 12px/24px "microsoft yahei";color:#666;}
.service-ad-left{float:left;width:120px;background:#DDD}
.service-ad-right{float:right;width:120px;background:#EEE}
.service-ad-left img,.service-ad-right img{width:100%}
.service-item a{color:#666;}

.footer {border-top: 5px solid #2C3E50;padding: 20px 0 30px;text-align: center;font-size: 12px;height: 150px;color: #ECF0F1;background: #34495E;}
.foot-panel{width: 1210px;margin: 0 auto;}
.footer p{margin:5px 0;}


/* .pagination */
.pagin-area{overflow:hidden; width:1210px; margin:0 auto;height:50px;}
.pagin-btn{text-align: center;font-size: 12px;padding:10px 30px;}
.pagination{
	margin:0px;
	float:right;
}



.category-area{width: 204px;height: 41px;float: left;background-color: #1ABC9C;color: #FFF;position: relative;}
.category-area a{text-decoration: none;}

.category-area:hover .category-panel{display:block;}

.category-panel{width: 204px;height: 454px;position: absolute;top: 42px;background-color: #1ABC9C;color: #FFF;display:none;z-index: 99;}



.category-child-panel{position:absolute;top:0px;left:204px;height:454px;width:170px;padding:10px;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;background-color:#fff;padding-top:10px;display:none;	z-index:10;	}
.category-view:hover .category-child-panel{ display:block;}


.category-ext{height: 35px;	padding-top: 10px;}
.category-ext a{float:left;margin-right:10px;min-width:50px;font-size:12px;color:#dedede}

.category-panel-item{width: 100%;height:65px;padding:10px 8px 0px 8px;}
.category-view{border-bottom: 1px dotted #f4c5ab;}
.category-item-view h3{	height:20px;}
.category-panel-item:hover{color:#f9f9f9;background:#16A085}


.nav-all-category {
float: left;
background-color: #de2525;
position: relative;
}

.all-category {
display: block;
width: 204px;
height: 41px;
margin-left: 1px;
padding-top: 11px;
text-align: center;
font-size: 15px;
color: #fff;
font-family: "Microsoft Yahei";
text-shadow: 2px 2px 5px #444;
}


.navigation{float: left;height: 40px;line-height: 40px;padding: 0px 20px;}
.navigation li{float:left;width:100px;text-align:center;color:#FFF;font-size:16px;}	
.navigation a{font-size: 16px;font-weight: bold;color: #FFF;text-decoration: none;display:block}
.navigation a:hover{background:#1ABC9C;border-bottom:2px solid #E67E22}


		
